<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="Description" content="ARCHIVE"/>
		<meta name="Keywords" content="ARCHIVE"/>
		<meta name="render" content="webkit"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>profplio</title>
		<link rel="shortcut icon" href=""/>
		<link href="//cdn.bootcss.com/normalize/5.0.0/normalize.min.css" rel="stylesheet">
		<link rel="stylesheet" href="vendor/font-awesome-4.6.3/css/font-awesome.min.css" />
		<!--<link rel='stylesheet' id='javin-font-css'  href='http://static.jiawin.com/wp-content/themes/jiawin/css/font-awesome.min.css?ver=1463202082' type='text/css' media='all' />-->
		<link rel="stylesheet" href="dist/core.css" />
		<script src="vendor/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="vendor/lazyload-js.js" type="text/javascript" charset="utf-8"></script>
		
		<!--[if lt IE 9]>
			<script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
			<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<header class="common-header">
			<div class="wrapper">
				<div class="common-header-topbar">
					<a href="" class="common-header-topbar-logo">
						<img class="lazy" src="img/about/07-02_03.png" data-original="img/about/07-02_03.png"/>
					</a>
					<div class="common-header-topbar-link clearfix">
						<i class="fa fa-twitter"></i>
						<i class="fa fa-facebook-f"></i>
						<i class="fa fa-rss"></i>
					</div>
				</div>
				<div class="common-header-site clearfix">					
					<ul class="about-nav">
						<li><a href="home.html">HOME</a></li>
						<li><a href="portfolio.html" class="about-nav-active">PORTFOLIO</a></li>
						<li><a href="about.html">ABOUT</a></li>
						<li><a href="service.html">SERVICES</a></li>
						<li><a href="archive.html">ARCHIVE</a></li>
						<li><a href="blog.html">BLOG</a></li>
						<li><a href="blog-detail.html">OTHER PAGES</a></li>
						<li><a href="contact-us.html">CONTACT US</a></li>
					</ul>
					<i class="fa fa-search"></i>
				</div>
				<div class="common-header-nav-bar">
					<i class="fa fa-bars" id="navbar"></i>
					<i class="fa fa-user"></i>
					<p><a href="#"><img src="img/index/07-02_03.png" alt="" /></a></p>
				</div>
				<ul class="common-header-hide-nav" id="hidenav">
					<li><a href="home.html" class="about-nav-active">HOME</a></li>
					<li><a href="portfolio.html">PORTFOLIO</a></li>
					<li><a href="about.html" >ABOUT</a></li>
					<li><a href="service.html">SERVICES</a></li>
					<li><a href="ARCHIVE.html">ARCHIVE</a></li>
					<li><a href="blog.html">BLOG</a></li>
					<li><a href="blog-detail.html">OTHER PAGES</a></li>
					<li><a href="contact-us.html">CONTACT US</a></li>
				</ul>
			</div>
			<div class="title">
				<div class="wrapper">
					<h1>PORTFOLIO</h1>
				</div>
			</div>
		</header>
			<header class="about-content-team-header">
				<h2 data-hover="Sharpness"data-scroll-reveal="enter from the top and move 50px after 0.5s">WE ARE A SMALL TEAM DOING BIG THINGS!</h2>
				<p data-scroll-reveal="wait 1s and then ease-in-out 50px">Lorem ipsum dolor sit amet,consectetur adlipiscing elit.Praesent justo ligula,interdum ut lobortis quis,interdum vitate</p>
				<p data-scroll-reveal="wait 1s and then ease-in-out 50px">metus,Proin fringilla metus non nulla ccursus,sit amet rutrum est pretium.</p>
			</header>
		<label class="portfolio-label" data-scroll-reveal="enter left and move 50px over 0.33s"><span>ALL</span>/WEB DESIGN / FREEBIES / PHOTOGRAPHY / PRINT</label>
		<section class="portfolio-main">
			<div class="main-content">
				<article class="content-model" id="content-model1">
					<h3 data-scroll-reveal="0.5s">PURE HOMES</h3>
					<p  data-scroll-reveal="0.5s">Lorem ipsum dolor sit amet, consectetur adipiscing elit praesent justo ligula.</p>
					<img class="lazy" src="img/portfolio/07-07_04.png" data-original="img/portfolio/07-07_04.png" data-scroll-reveal="enter left and move 50px over 0.33s"/>
					<div class="model-imgs" >	
						<img class="lazy" src="img/portfolio/portfolio-imgs1.jpg" data-original="img/portfolio/portfolio-imgs1.jpg" />
						<i class="imgs-back" id="imgs-back1">
							<img class="lazy" src="img/portfolio/07-07-9_03.png" data-original="img/portfolio/07-07-9_03.png" id="back-icon1" class="back-icon"/>
						</i>
					</div>
				</article>
				<article class="content-model" id="content-model2">
					<h3 data-scroll-reveal="0.5s">PURE HOMES</h3>
					<p data-scroll-reveal="0.5s">Lorem ipsum dolor sit amet, consectetur adipiscing elit praesent justo ligula.</p>
					<img class="lazy" src="img/portfolio/07-07_04.png" data-original="img/portfolio/07-07_04.png" data-scroll-reveal="enter from the bottom after 0.5s"/>
					<div class="model-imgs">	
						<img class="lazy" src="img/portfolio/portfolio-imgs1.jpg" data-original="img/portfolio/portfolio-imgs1.jpg" />
						<i class="imgs-back" id="imgs-back2">
							<img class="lazy" src="img/portfolio/07-07-9_03.png" data-original="img/portfolio/07-07-9_03.png" id="back-icon2" class="back-icon"/>
						</i>
					</div>
				</article>
				<article class="content-model" id="content-model3">
					<h3 data-scroll-reveal="0.5s">PURE HOMES</h3>
					<p data-scroll-reveal="0.5s">Lorem ipsum dolor sit amet, consectetur adipiscing elit praesent justo ligula.</p>
					<img class="lazy" src="img/portfolio/07-07_04.png" data-original="img/portfolio/07-07_04.png" data-scroll-reveal="enter right wait 0.33s and then ease-in-out 50px"/>
					<div class="model-imgs">	
						<img class="lazy" src="img/portfolio/portfolio-imgs1.jpg" data-original="img/portfolio/portfolio-imgs1.jpg" />
						<i class="imgs-back test-img" id="imgs-back3">
							<img class="lazy lazy-one" src="img/portfolio/07-07-9_03.png" data-original="img/portfolio/07-07-9_03.png" id="back-icon3" class="back-icon"/>
						</i>
					</div>
				</article>
			</div>
			<div class="main-content">
				<article class="content-model" id="content-model4">
					<h3 data-scroll-reveal="0.5s">PURE HOMES</h3>
					<p data-scroll-reveal="0.5s">Lorem ipsum dolor sit amet, consectetur adipiscing elit praesent justo ligula.</p>
					<img class="lazy" src="img/portfolio/07-07_04.png" data-original="img/portfolio/07-07_04.png"  data-scroll-reveal="enter left and move 50px over 0.33s"/>
					<div class="model-imgs">	
						<img class="lazy" src="img/portfolio/portfolio-imgs1.jpg" data-original="img/portfolio/portfolio-imgs1.jpg" />
						<i class="imgs-back" id="imgs-back4">
							<img class="lazy" src="img/portfolio/07-07-9_03.png" data-original="img/portfolio/07-07-9_03.png" id="back-icon4" class="back-icon"/>
						</i>
					</div>
				</article>
				<article class="content-model" id="content-model5">
					<h3 data-scroll-reveal="0.5s">PURE HOMES</h3>
					<p data-scroll-reveal="0.5s">Lorem ipsum dolor sit amet, consectetur adipiscing elit praesent justo ligula.</p>
					<img class="lazy" src="img/portfolio/07-07_04.png" data-original="img/portfolio/07-07_04.png"  data-scroll-reveal="enter from the bottom after 0.5s"/>
					<div class="model-imgs">	
						<img class="lazy" src="img/portfolio/portfolio-imgs1.jpg" data-original="img/portfolio/portfolio-imgs1.jpg"/>
						<i class="imgs-back" id="imgs-back5">
							<img class="lazy" src="img/portfolio/07-07-9_03.png" data-original="img/portfolio/07-07-9_03.png" id="back-icon5" class="back-icon"/>
						</i>
					</div>
				</article>
				<article class="content-model" id="content-model6">
					<h3 data-scroll-reveal="0.5s">PURE HOMES</h3>
					<p data-scroll-reveal="0.5s">Lorem ipsum dolor sit amet, consectetur adipiscing elit praesent justo ligula.</p>
					<img class="lazy" src="img/portfolio/07-07_04.png" data-original="img/portfolio/07-07_04.png"  data-scroll-reveal="enter right wait 0.33s and then ease-in-out 50px" />
					<div class="model-imgs">	
						<img class="lazy" src="img/portfolio/portfolio-imgs1.jpg" data-original="img/portfolio/portfolio-imgs1.jpg" />
						<i class="imgs-back" id="imgs-back6">
							<img src="img/portfolio/07-07-9_03.png" id="back-icon6" class="back-icon"/>
						</i>
					</div>
				</article>
			</div>
			<div class="main-content">
				<article class="content-model" id="content-model7">
					<h3 data-scroll-reveal="0.5s">PURE HOMES</h3>
					<p data-scroll-reveal="0.5s">Lorem ipsum dolor sit amet, consectetur adipiscing elit praesent justo ligula.</p>
					<img class="lazy" src="img/portfolio/07-07_04.png" data-original="img/portfolio/07-07_04.png"  ddata-scroll-reveal="enter left and move 50px over 0.33s"/>
					<div class="model-imgs">	
						<img class="lazy" src="img/portfolio/portfolio-imgs1.jpg" data-original="img/portfolio/portfolio-imgs1.jpg" />
						<i class="imgs-back" id="imgs-back7">
							<img class="lazy" src="img/portfolio/07-07-9_03.png" data-original="img/portfolio/07-07-9_03.png" id="back-icon7" class="back-icon"/>
						</i>
					</div>
				</article>
				<article class="content-model" id="content-model8">
					<h3 data-scroll-reveal="0.5s">PURE HOMES</h3>
					<p data-scroll-reveal="0.5s">Lorem ipsum dolor sit amet, consectetur adipiscing elit praesent justo ligula.</p>
					<img class="lazy" src="img/portfolio/07-07_04.png" data-original="img/portfolio/07-07_04.png"  data-scroll-reveal="enter from the bottom after 0.5s"/>
					<div class="model-imgs">	
						<img class="lazy" src="img/portfolio/portfolio-imgs1.jpg" data-original="img/portfolio/portfolio-imgs1.jpg" />
						<i class="imgs-back" id="imgs-back8">
							<img class="lazy" src="img/portfolio/07-07-9_03.png" data-original="img/portfolio/07-07-9_03.png" id="back-icon8" class="back-icon"/>
						</i>
					</div>
				</article>
				<article class="content-model" id="content-model9">
					<h3 data-scroll-reveal="0.5s">PURE HOMES</h3>
					<p data-scroll-reveal="0.5s">Lorem ipsum dolor sit amet, consectetur adipiscing elit praesent justo ligula.</p>
					<img class="lazy" src="img/portfolio/07-07_04.png" data-original="img/portfolio/07-07_04.png"  data-scroll-reveal="enter right wait 0.33s and then ease-in-out 50px"/>
					<div class="model-imgs">	
						<img class="lazy" src="img/portfolio/portfolio-imgs1.jpg" data-original="img/portfolio/portfolio-imgs1.jpg" />
						<i class="imgs-back" id="imgs-back9">
							<img class="lazy" src="img/portfolio/07-07-9_03.png" data-original="img/portfolio/07-07-9_03.png" id="back-icon9" class="back-icon"/>
						</i>
					</div>
				</article>
			</div>
			<div class="main-content">
				<article class="content-model" id="content-model10">
					<h3 data-scroll-reveal="0.5s">PURE HOMES</h3>
					<p data-scroll-reveal="0.5s">Lorem ipsum dolor sit amet, consectetur adipiscing elit praesent justo ligula.</p>
					<img class="lazy" src="img/portfolio/07-07_04.png" data-original="img/portfolio/07-07_04.png"  data-scroll-reveal="enter left and move 50px over 0.33s"/>
					<div class="model-imgs">	
						<img class="lazy" src="img/portfolio/portfolio-imgs1.jpg" data-original="img/portfolio/portfolio-imgs1.jpg" />
						<i class="imgs-back" id="imgs-back10">
							<img class="lazy" src="img/portfolio/07-07-9_03.png" data-original="img/portfolio/07-07-9_03.png" id="back-icon10" class="back-icon"/>
						</i>
					</div>
				</article>
				<article class="content-model" id="content-model11">
					<h3 data-scroll-reveal="0.5s">PURE HOMES</h3>
					<p data-scroll-reveal="0.5s">Lorem ipsum dolor sit amet, consectetur adipiscing elit praesent justo ligula.</p>
					<img class="lazy" src="img/portfolio/07-07_04.png" data-original="img/portfolio/07-07_04.png" data-scroll-reveal="enter from the bottom after 0.5s"/>
					<div class="model-imgs">	
						<img class="lazy" src="img/portfolio/portfolio-imgs1.jpg" data-original="img/portfolio/portfolio-imgs1.jpg" />
						<i class="imgs-back" id="imgs-back11">
							<img class="lazy" src="img/portfolio/07-07-9_03.png" data-original="img/portfolio/07-07-9_03.png" id="back-icon11" class="back-icon"/>
						</i> 
					</div>
				</article>
				<article class="content-model" id="content-model12">
					<h3 data-scroll-reveal="0.5s">PURE HOMES</h3>
					<p data-scroll-reveal="0.5s">Lorem ipsum dolor sit amet, consectetur adipiscing elit praesent justo ligula.</p>
					<img class="lazy" src="img/portfolio/07-07_04.png" data-original="img/portfolio/07-07_04.png"  data-scroll-reveal="enter right wait 0.33s and then ease-in-out 50px"/>
					<div class="model-imgs">	
						<img class="lazy" src="img/portfolio/portfolio-imgs1.jpg" data-original="img/portfolio/portfolio-imgs1.jpg" />
						<i class="imgs-back" id="imgs-back12">
							<img class="lazy" src="img/portfolio/07-07-9_03.png" data-original="img/portfolio/07-07-9_03.png" id="back-icon12" class="back-icon"/>
						</i>
					</div>
				</article>
			</div>
			<section class="about-content-team-joinus about-content-more">
				<header class="team-joinus">
					<h2 data-scroll-reveal="enter from the top and move 50px after 0.5s">DO YOU LIKE WHAT YOU SEE!</h2>
					<p data-scroll-reveal="wait 1s and then ease-in-out 50px">Lorem ipsum dolor sit amet,consectetur adlipiscing elit.Praesent justo ligula,interdum ut lobortis quis,interdum vitate</p>
					<p data-scroll-reveal="wait 1s and then ease-in-out 50px">metus,Proin fringilla metus non nulla ccursus,sit amet rutrum est pretium.</p>
					<a data-scroll-reveal="wait 1s">PURCHASE</a>
				</header>
			</section>
		</section>
		<footer class="common-footer">
			<div class="wrapper">
				<div class="common-footer-centent clearfix">
					<article class="common-footer-centent-left">
						<a href="" class="common-header-topbar-logo">
							<img src="img/about/捕获.JPG" data-original="img/about/捕获.JPG" data-scroll-reveal="enter left wait 1s and then ease-in-out 50px">
						</a>
						<div class="common-header-topbar-link clearfix" data-scroll-reveal="enter left and then ease-in-out 50px">
							<i class="fa fa-twitter"></i>
							<i class="fa fa-facebook-f"></i>
							<i class="fa fa-rss"></i>
						</div>
						<p data-scroll-reveal=" then ease-in-out 50px">
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum gravida quam quis nunc rutrum placerat. Proin eu mi vitae neque veh interdum id nec turpis nam auctor faucibus sollicitudin.
						</p>
					</article>
					<article>
						<dl>
							<dt data-scroll-reveal="enter top and then ease-in-out 50px">CONTACT INFO</dt>
							<dd data-scroll-reveal="enter bottom and then ease-in-out 50px">222 Ave C South</dd>
							<dd data-scroll-reveal="enter bottom wait 0.2s and then ease-in-out 50px">Saskatoon</dd>
							<dd data-scroll-reveal="enter bottom wait 0.4s and then ease-in-out 50px">Canada S7K 2N5</dd>
							<dd data-scroll-reveal="enter bottom wait 0.6s and then ease-in-out 50px">info@deliver.ca</dd>
							<dt class="num" data-scroll-reveal="enter bottom wait 0.8s and then ease-in-out 50px">1.306.222.3456</dt>
						</dl>
					</article>
					<article>
						<dl class="quicklinks">
							<dt data-scroll-reveal="enter top and then ease-in-out 50px">QUICK LINKS</dt>
							<dd data-scroll-reveal="enter bottom and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>Portfolio</dd>
							<dd data-scroll-reveal="enter bottom wait 0.2s and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>About </dd>
							<dd data-scroll-reveal="enter bottom wait 0.4s and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>ARCHIVE</dd>
							<dd data-scroll-reveal="enter bottom wait 0.6s and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>Blog</dd>
							<dd data-scroll-reveal="enter bottom wait 0.8s and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>Dropdown</dd>
							<dd data-scroll-reveal="enter bottom wait 1s and then ease-in-out 50px"><i class="fa fa-chevron-right"></i>contact Us</dd>
						</dl>
					</article>
					<article class="common-footer-centent-right">
						<dl>
							<dt data-scroll-reveal="enter right and then ease-in-out 50px">NEWSLTTER</dt>
							<dd data-scroll-reveal="ease-in-out 50px">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd>
						</dl>
						<input type="text" name="" id="" value="" placeholder="Emali" data-scroll-reveal="enter right and then ease-in-out 50px"/>
						<a href="#" class="ok" data-scroll-reveal="enter right and then ease-in-out 50px">OK</a>
					</article>
				</div>
				<div class="common-footer-button">
					<span class="copyright">
						copyright 2013
						<a href="#">Deliver</a>						
						. All Rights Reserved.
					</span>
					<span class="friendlink">
						<a href="#">ABOUT/</a>
						<a href="#">PRIVACY POLICY/</a>
						<a href="#">CONTACT</a>
					</span>
				</div>
			</div>
		</footer>
		
		<script type="text/javascript" charset="utf-8">
			$(function() {
				$("img").lazyload({
					placeholder: "images/loading.gif",
					effect: "fadeIn"
				});
			});
		</script>
		<script src="dist/core.js" type="text/javascript"></script>
		<script src="vendor/scrollReveal.js"></script>
		<script>
			(function() {
				window.scrollReveal = new scrollReveal({
					reset: true,
					move: '50px'
				});
			})();
		</script>
	</body>
</html>
